html,body{
  margin: 0;
  padding: 0;
  border: 0;
  height: 100%;
  width: 100%;
  color: #fff;
}
#root{
  height: 100%;
  width: 100%;
}
.zheader {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 40px;
  background-color: #1b1924;
  display: flex;
  position: sticky;
  top: 0;
  z-index: 1000;
}
.zheader .drag-bar {
  flex: 1;
}
.zheader-bnt{
  display: flex;
}
.zbody{
  display: flex;
  height: 100%;
  width: 100%;
}
.zsider{
  background-color: rgb(22, 20, 37);
  width: 10%;
  height: 100%;
  max-width: 10px;
  min-width: 50px;
  flex: 1;
  position: sticky;
  top: 10px;
}
.zsider-menu-content{
  width:50px;
  height:50px;
  font-size:35px;
}
.zsider-menu-content > * {
  margin: 3px 8px;
}
.sider-active{
  background-color: blue;
}
.zsider-menu-content:hover {
  background-color: blue;
}
.zcontent{
  height: 100%;
  background-color: rgb(45, 45, 56);
  flex: 1;
}
.home-card-2{
  display: flex;
  justify-content: center;
}
.home-card-2 > div{
  flex: 1 1 0%;
}
.home-card-titile{
  font-size: 18px;
  font-weight: bold;
}
.home-content{
  display: flex;
}
.home-content-left{
  width: 100%;
  
}
.home-content-right{
  width: 390px;
}
.home-content-rigth-1{
  display: flex;
  margin-top: 10px;
}
.home-content-rigth-1 > div {
  flex: 1;
  justify-content: center;
}

.home-content-rigth-2{
  display: flex;
  margin-top: 10px;
}
.home-content-rigth-2 > div {
  flex: 1;
  display: flex;
  justify-content: center;
}
.home-content-right-3 {
  margin-top: 10px;
}
.home-rigth-3-tag{
  margin-right: 10px;
  margin-top: 10px;
}
.email{
  display: flex;
  height: 100%;
  width: 100%;
}
.email-menu{
  height: 100%;
  width: 100px;
}
.email-content{
  height: 100%;
  width: 100%;
  flex: 1;
}
.email-list{
  display: flex;
  border-bottom: 1px solid gray;
}
.email-list-item{
  font-weight: bold;
  color: #fff;
  margin: 10px;
  justify-content: center;
  justify-items: center;
}
.email-list:hover{
  background-color: blueviolet;
}
.email-list-from {
  width: 200px;
}
.email-list-subject{
  color: gray;
  flex: 1;
}
.email-list-date{
  color: gray;
  width: 100px;
}
